<x-row>
  <x-col span="8">
    <x-textarea label="user name"></x-textarea>
  </x-col>
</x-row>
<x-row>
  <x-col span="8">
    <x-textarea label="user name" direction="column-reverse"></x-textarea>
  </x-col>
</x-row>
<x-row>
  <x-col span="8">
    <x-textarea label="user name" direction="row"></x-textarea>
  </x-col>
</x-row>
<x-row>
  <x-col span="8">
    <x-textarea label="user name" direction="row-reverse"></x-textarea>
  </x-col>
</x-row>
